<template>
  <v-ace-editor
    v-model:value="model"
    v-bind="props"
    class="min-h-12 min-w-24 text-xl"
  />
</template>
<script lang="ts" setup>
import { VAceEditor } from "vue3-ace-editor";
const model = defineModel<string>({ required: true });
import "./ace-config.ts";

const props = withDefaults(
  defineProps<{
    lang?: string;
    theme?: string;
    readonly?: boolean;
  }>(),
  {
    lang: "javascript",
    theme: "monokai",
    readonly: true,
  }
);
</script>
